Class Component 16) React의 전적들... 실무가고싶으면 class형태의 component도 알아야 해 ! useEffect와 axios까지! 실무중심주의 코드캠프의 커리큘럼 체고야!!!! (Code Camp FE 6기) 스프레드 연산자를 잘 활용하면 코드를 간략하고 한 눈에 보기쉽게 리팩토링 할 수 있으니 포트폴리오에도 적용해보시길 바랍니다! state, props, refs, 컴포넌트 메서드와 생명주기 메서드를 this로 참조할 수 있었습니다. 이렇게 컴포넌트 생명주기를 함수형 컴포넌트에서 그려주기 위해서 저희는 useEffect를 사용해서 그려주었습니다. 오늘 새로 배운 react-Hook 두 가지 us... 컴포넌트생명주기updateboardidclassuseEffect내장객체OOP의존성배열렉시컬디스inputcomponentdidupdate스프레드연산자componentWillUnmount()extends componentClass ComponentcomponentDidMountcomponent-lifecycleState객체지향프로그래밍dependency arraythisClass Component Error Boundaries 과거에는, 컴포넌트 내부에서 발생한 자바스크립트 에러가 리액트의 internal 상태를 오염시키고 다음 렌더링에서 암호화된 에러를 방출 (emit cryptic error)했습니다. Error boundaries는 하위 컴포넌트 트리의 어디에서든 자바스크립트 에러를 기록하며 깨진 컴포넌트 트리 대신 fallback UI를 보여주는 React 컴포넌트입니다. Error boundary는 렌더링... Error Boundariesfallback pagereact error리액트 에러react error handlingClass Component클래스 컴포넌트에러 바운더리ReactClass Component React 1. Basic(1) 이벤트를 설치할때 this를 찾을 수 없어서 에러가 발생하면 함수가 끝난 직후에 .bind(this)를 사용해준다 부모 컴포넌트에서 이벤트를 실행하기 위해서 함수의 이름을 props로 자식 컴포넌트에게 전달한다 자식 컴포넌트에서 이벤트가 발생되면 부모 컴포넌트에게 전달받은 props가 호출되면서 부모 컴포넌트의 함수가 실행된다 이벤트 내부에는 target이라는 속성이 있어서 해당 이벤트가 위... 생활코딩Class ComponentReactClass Component 🐚 TIL 0203 Class Components is like a instructions for making objects. class Cake{} => recipe for making a cake ⬇️ Example for Class Monster Basically, the class can be used for common functions and can be extended to another funct... frontendcomponent-lifecycleClass ComponentthisClass Component
16) React의 전적들... 실무가고싶으면 class형태의 component도 알아야 해 ! useEffect와 axios까지! 실무중심주의 코드캠프의 커리큘럼 체고야!!!! (Code Camp FE 6기) 스프레드 연산자를 잘 활용하면 코드를 간략하고 한 눈에 보기쉽게 리팩토링 할 수 있으니 포트폴리오에도 적용해보시길 바랍니다! state, props, refs, 컴포넌트 메서드와 생명주기 메서드를 this로 참조할 수 있었습니다. 이렇게 컴포넌트 생명주기를 함수형 컴포넌트에서 그려주기 위해서 저희는 useEffect를 사용해서 그려주었습니다. 오늘 새로 배운 react-Hook 두 가지 us... 컴포넌트생명주기updateboardidclassuseEffect내장객체OOP의존성배열렉시컬디스inputcomponentdidupdate스프레드연산자componentWillUnmount()extends componentClass ComponentcomponentDidMountcomponent-lifecycleState객체지향프로그래밍dependency arraythisClass Component Error Boundaries 과거에는, 컴포넌트 내부에서 발생한 자바스크립트 에러가 리액트의 internal 상태를 오염시키고 다음 렌더링에서 암호화된 에러를 방출 (emit cryptic error)했습니다. Error boundaries는 하위 컴포넌트 트리의 어디에서든 자바스크립트 에러를 기록하며 깨진 컴포넌트 트리 대신 fallback UI를 보여주는 React 컴포넌트입니다. Error boundary는 렌더링... Error Boundariesfallback pagereact error리액트 에러react error handlingClass Component클래스 컴포넌트에러 바운더리ReactClass Component React 1. Basic(1) 이벤트를 설치할때 this를 찾을 수 없어서 에러가 발생하면 함수가 끝난 직후에 .bind(this)를 사용해준다 부모 컴포넌트에서 이벤트를 실행하기 위해서 함수의 이름을 props로 자식 컴포넌트에게 전달한다 자식 컴포넌트에서 이벤트가 발생되면 부모 컴포넌트에게 전달받은 props가 호출되면서 부모 컴포넌트의 함수가 실행된다 이벤트 내부에는 target이라는 속성이 있어서 해당 이벤트가 위... 생활코딩Class ComponentReactClass Component 🐚 TIL 0203 Class Components is like a instructions for making objects. class Cake{} => recipe for making a cake ⬇️ Example for Class Monster Basically, the class can be used for common functions and can be extended to another funct... frontendcomponent-lifecycleClass ComponentthisClass Component